<style>
	.layuiadmin-btn-group {
		right: 15px;
		position: absolute;
	}
</style>
<script src="/assets/lib/echarts/echarts.min.js" type="text/javascript"></script>
<script>
    var $container_tabs = $('.container-tabs');
    var $tabs = $('.app-nav a[data-component="tabs"]');
    function open_tab(o){
        var $this = $(o);
        open_tab2({
			tab: $this.data("tab"),
            title: $this.data('title'),
            href:$this.data("href")
		});
        $this.closest('li').addClass('layui-this');
    }
    function open_tab2(o){
        $_tab = $container_tabs.tabs("getTabByAttr",{
            value:o.tab
        });
        if($_tab == null){
            $container_tabs.tabs('add',{
                title: o.title,
                closable: true,
                id:o.tab,
                href:o.href
            });
        }else{
            $container_tabs.tabs("select",$container_tabs.tabs("getTabIndex",$_tab));
            $_tab.panel("refresh");
        }
        $tabs.closest('ul').children('li').removeClass('layui-this');
    }
</script>
<div class="layui-fluid">
	<div class="layui-row layui-col-space15">
		<div class="layui-col-md12 layui-col-sm12">
			<div class="layui-card">
				<div class="layui-card-header">
					<span id="event_stats_overview">面板监控 </span>
					<div class="layui-btn-group layuiadmin-btn-group">
						<a class="layui-btn layui-btn-primary layui-btn-xs" href="javascript:;" onclick="">刷新</a>
						<a class="layui-btn layui-btn-primary layui-btn-xs" href="javascript:;" lay-tips="面板监控"
						   lay-direction="2" data-component="tabs" data-tab="stats-event" data-href="stats/eventboard" data-title="面板监控" onclick="open_tab(this)">更多</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="layui-row layui-col-space15" id="alarm_stats_body">
		<div class="layui-col-md6 layui-col-sm12">
		</div>
		<div class="layui-col-md6 layui-col-sm12">
		</div>
		<div class="layui-col-md6 layui-col-sm12">
		</div>
		<div class="layui-col-md6 layui-col-sm12">
		</div>
	</div>
	<div id="alarm_stats_loading" class="layui-row layui-col-space15" style="display:none">
		<div style="display:block;width:100%;height:100%;text-align: center;">
			<i style="font-size:48px;margin-top: 80px;" class="layui-icon layui-icon-loading-1 layui-anim layui-anim-rotate layui-anim-loop"></i>
		</div>
	</div>
	<script>
	</script>

</div>